import './App.css'
import  Page1 from './pages/page1/index'
import  Page2 from './pages/page2/index'
import  Page3 from './pages/page3/index'

import {useModel} from  'qps';

function App() {
  const  { counter, increment, decrement }=useModel('common', (model:any) => {
    return {
      counter: model.counter,
      increment: model.increment,
      decrement: model.decrement,
    };
  }) ;
  return (
  <>
     <Page1/>
     <Page2/>
     <Page3/>
     <button onClick={increment}>
          count is {counter}
        </button>
    <button onClick={decrement}>
          count is {counter}
    </button>
    </>
  )
}

export default App
